<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>实地照片</title>
    
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="./css/normalize.css">
    
    <!-- <link rel="stylesheet" href="../layer/theme/default/layer.css"> -->
    


    <style>
        html,
        body {
            padding: 0;
            margin: 0;
            height: 100%;
            overflow: hidden;
        }
        .full {
        height: 100%;
        width: 100%;
        text-align: center;
        font-family: '微软雅黑';
        font-size: 25px;
        background-size: cover;
    }
    </style>
</head>
<body >
    
    <script type="text/javascript" src="./js/jquery-2.2.1.min.js"></script>
    <script type="text/javascript" src="./js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../layer/layer.js"></script>
    <script type="text/javascript" src="../layui/layui.js"></script>
    
    <script>
       
        closeLayer();
        function closeLayer(){
            
            var sdidx=$.cookie("sdidx");
            
           
        }
    </script>
    <script>
        var nums;
        $(document).ready(function(){
            // console.log(window.localStorage.getItem('url2'))                 
                var imageUrl=$.cookie("imageUrl");              
                var imageUrlToArray = imageUrl.split(",");
                console.log(imageUrl);               
            $("#carousel-item-0").css("background-image","url("+imageUrlToArray[0]+")");
            
                                              
        });
    </script>
    <div style="width:100%;height:100%" id="page-carousel">
            <div class="layui-carousel" id="test1">
                <div carousel-item="">
                    <div>
                        <div class="full" id ="carousel-item-0" >
                            <!-- <div style="color: white">2018-05-24</div> -->
                        </div>
                    </div>
                       
                </div>
            </div>
    </div>
    <script>
        layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
        //图片轮播
        carousel.render({
        elem: '#test1'
        ,width: '100%'
        ,height: '100%'
        ,interval: 5000
        });
    });
    </script>
    
    
</body>
</html>